﻿@charset "UTF-8";
body{ overflow: hidden; padding-right: 17px;}
.diagnose_banner{ height: 428px; position: relative;
background: linear-gradient(#5757e6, #6074f4);
}
.diag_operation{ width: 600px; margin:0 auto; padding-top: 78px;}
.diag_operation h1{ text-align: center; color: #fff;}
#diag_search{ margin: 52px 0 38px; position: relative; z-index: 2;}
#diag_search input[type=text]{ float: left; height:40px; width: 458px; border: none; border-right: 1px solid #e5e5e5; text-indent: 10px; border-radius: 3px 0 0 3px;}
#diag_search .button{ position: relative; float: left; width: 141px;height: 40px; line-height: 40px; padding-left: 24px; border-radius: 0 3px 3px 0; background-color: #fff; cursor: pointer;}
#diag_search .button span{ display: inline-block; width: 90px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#diag_search .button:after{ content: ''; width: 8px; height: 5px; position: absolute; top: 18px; right: 14px; background: url(../../../../images/titlediagnose/titlediagnose_icon.png) no-repeat 0 -10px;}
#diag_search .fenlei_more{ display: none; width: 326px; height: 205px; overflow: auto; padding:10px 0 10px 15px; position: absolute; right: -183px; top: 40px; background-color: #fff; border: 1px solid #e5e5e5;}
#diag_search .fenlei_more .field-title{ font-weight: bold; color: #333 !important;}
#diag_search .fenlei_more .industry_list{ margin:3px 0 8px;}
#diag_search .fenlei_more .industry_list span{ float: left; height: 20px; line-height: 20px; margin-right: 19px; cursor: pointer;}
#diag_search .fenlei_more .industry_list span:hover{ color: #44b549;}
.diag_immediately{ text-align: center; position: relative; z-index: 1;}
.diag_immediately input{ height: 36px; padding:0 44px; border: 2px solid #fff; font-size: 16px; color: #fff; border-radius: 18px; background-color: rgba(0,0,0,0.2);}
#wave{ width: 100%; height: 150px; position: absolute; bottom: 0;}
.diag_result{ position: relative; z-index: 1; /* margin-top: -90px; */ border: none; min-height: auto;}
.diag_result .no_content{ padding: 120px 0; text-align: center; color: #9c9c9c;}
.diag_result .diag_result_cont{ display: none; width: 1120px; margin: 0 auto; float: none; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.diag_result_up{ padding:28px 0 20px; border-bottom: 2px solid #e5e5e5;}
#Schedule{ float: left; width: 150px; height: 150px; border: 1px solid #fff; border-radius: 50%; position: relative; margin-left: 70px;}
#Schedule.red{ border-color: #e64340;}
#Schedule.blue{ border-color: #7588ff;}
#Schedule.green{ border-color: #44b549;}
#Schedule_wave{ display: block; width: 130px; height: 130px; border:1px solid #fff; border-radius: 50%; margin: 9px auto;}
#Schedule_wave.red{ border-color: #e64340;}
#Schedule_wave.blue{ border-color: #7588ff;}
#Schedule_wave.green{ border-color: #44b549;}
#score{ font-size: 36px; position: absolute; width: 64px; text-align: center; top:50%; left: 50%; margin: -25px 0 0 -32px; font-weight: bold; color: #fff;
text-shadow:-1px 0 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff;
}
#score.red{ color:#fff !important; text-shadow:-1px 0 0 #e64340,1px 0 0 #e64340,0 -1px 0 #e64340,0 1px 0 #e64340;}
#score.blue{ color:#fff !important; text-shadow:-1px 0 0 #7588ff,1px 0 0 #7588ff,0 -1px 0 #7588ff,0 1px 0 #7588ff;}
#score.green{ color:#fff !important; text-shadow:-1px 0 0 #44b549,1px 0 0 #44b549,0 -1px 0 #44b549,0 1px 0 #44b549;}
#Schedule .total_score{ font-size: 16px; color: #fff;  position: absolute; left: 50%; margin-left: -14px; bottom: 32px;}
#column_chart{ width: 616px; height: 146px; float: left; margin:0 60px 0 76px;}
#weigui{ float: left; text-align: center;}
#weigui .button{ width: 80px; height: 50px; margin: 34px 0 45px; background: url(../../../../images/titlediagnose/titlediagnose_icon.png) no-repeat -9px 0;}
#weigui.weigui_true .button{ background-position: -9px -51px;}
#weigui .wz{ font-size: 12px;}
.diag_result_btm ul li{ padding-left: 132px; height: 138px; border-bottom: 1px solid #e5e5e5; position: relative;}
.diag_result_btm ul li:last-child{ border: none;}
.diag_result_btm ul li a.relation{ position: absolute; top: 9px; right: 10px; color: #7fa4ff;}
.diag_result_btm .analy_blue{ color: #7588ff;}
.diag_result_btm .analy_red{ color: #e64340;}
.analysis{ margin-top: 44px; }
.analysis_icon{ width: 54px; height: 54px; text-align: center; line-height: 54px; background-color: #d17ce6; border-radius: 50%; color: #fff;}
.analysis_icon .iconfont{ font-size: 22px;}
.analysis_cont{ margin: 7px 0 0 26px;}
.analysis_cont h2{ font-size: 18px; line-height: 18px; margin-bottom: 9px;}
.analysis_words{ color: #9c9c9c;}
.analy_result{ margin-right: 198px; font-size: 22px; line-height: 137px; height: 137px;}
.analy_result .num{ font-size: 40px; padding-right: 12px; position: relative; top: 4px;}
.sentence .analysis_icon{ background-color: #bde78a;}
.sentence .iconfont{ font-size: 26px;}
.keyword .analysis_icon{ background-color: #f8ca5a;}
.keyword .iconfont{ font-size: 24px;}
.hotspot .analysis_icon{ background-color: #f38181;}
.hotspot .iconfont{ font-size: 26px;}
.effect .analysis_icon{ background-color: #75aef5;}
.effect .iconfont{ font-size: 30px;}
.deregulation .analysis_icon{ background-color: #53ddbb;}
.keyword_chart{ margin: 25px 80px 0 0; color: #9c9c9c;}
#pie_chart{ width: 90px; height: 90px; margin-right: 36px;}
.keyword_chart dl dd{ margin-bottom: 3px;}
.keyword_chart dl dd .quan{ display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #d2d2d2; margin:-3px 6px 0 0; vertical-align: middle;}
.keyword_chart dl dd:nth-child(2) .quan{ background-color: #f4ad04;}
.keyword_chart dl dd:nth-child(3) .quan{ background-color: #38c746;}
.keyword_chart dl dd:nth-child(4) .quan{ background-color: #5e83f8;}
.keyword_wz{ display: inline-block; vertical-align: middle; padding-left: 15px; max-width: 207px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.keyword_chart em{ display: inline-block; width: 14px;}
.keyword_chart .percent{ display: inline-block; vertical-align: middle; width: 30px;}
.diagnose_side{ position:fixed; top: 60%; right: 50%; margin-right: -634px; z-index: 200;}
.diagnose_tag{ width: 34px; background-color: #44b549; color: #fff; padding: 6px 0 12px; text-align: center; cursor: pointer;}
.diagnose_tag .iconfont{ font-size: 20px;}
.diagnose_tag .mer_text{ width: 14px; line-height: 14px; text-align: center; margin: 2px auto 8px;}
.mer_num{ width:18px;line-height:18px;border-radius:50%;background:red;font-size:12px;margin:0 auto;}
.diagnose_list{ display: none; width: 322px; border: 1px solid #9c9c9c; padding: 20px 0 30px; position: absolute; right: 34px; bottom: 0; background-color: #fff;}
.diagnose_list h2{ font-size: 16px; line-height: 16px; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; width: 280px; margin: 0 auto;}
.diagnose_list .list_cont{ max-height: 394px; overflow-y:auto;}
.diagnose_list ul{ width: 280px; margin: 0 auto;}
.diagnose_list ul li{ padding:18px 0; border-bottom: 1px solid #e5e5e5;}
.diagnose_list .words{ width: 200px; padding-left: 10px; line-height: 16px; margin-top: 7px;}
.diagnose_list .num{ width: 50px; height: 50px; text-align: center; line-height: 48px; border: 2px solid #7588ff; border-radius: 50%; font-size: 18px; color: #7588ff;}
.diagnose_list .no_content{ padding: 100px 0; text-align: center; color: #9c9c9c;}
